<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
    <meta charset="UTF-8">
    <title>科技科普</title>
    <meta name="page-view-size" content="1280*720">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/theory.css">
    <script type="text/javascript" src="../lib/js/evm.js"></script>
    <script type="text/javascript" src="../lib/js/Evm_djyw.js"></script>
    <script type="text/javascript" src="../lib/js/key.js"></script>
    <script src="../lib/js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/api.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
    <style>
        
    </style>
</head>

<body>
  <marquee behavior="" direction="">欢迎您进入凤阳县新时代文明实践中心！</marquee>
  <div class="forum-bg" id="forumMain">
      <ul class="nav-bg" id="nav-bg">

      </ul>
      <div class="list-bg">
          <div class="list-con" id="list-con"></div>
          <p class="page-show"><span id="now_page">0</span>/<span id="total_page">0</span>
          </p>
      </div>

  </div>

</body>
<script>
    var modelIndex = {
        index: 0, //导航栏初始位置
        menuKey: '',
        menuPageSize: 3, //导航栏模块数量
        pageSize: 1, //主模块数量
        type: '',
        crumbs: '科技科普平台',
        structure: 2, //上下结构  默认1是左右，2是上下结构
        menuContainerId: 'nav-bg', //包含导航栏模块的标签id
        menuListName: 'nav', //导航栏模块名称class
        mainContainerId: 'list-con', //包含主模块的标签id
        mainlistName: '', //主模块名称
        id: 'technology',
    }

    var leftData = [
        {
            name: '科普资讯', //name
            id: '42', //唯一标识
            type_style: '1', //类别
            size: '4', //数量  
            list_name: 'list-row' //右侧模块classname
        },
        {
            name: '科普讲堂', //name
            id: '43', //唯一标识
            type_style: '3', //类别
            size: '8', //数量  
            list_name: 'list-video', //右侧模块classname
        },
        {
            name: '能手汇聚', //name
            id: '45', //唯一标识
            type_style: '3', //类别
            size: '8', //数量  
            list_name: 'list-video', //右侧模块classname
        }
    ];

    function getMenus(page, number) {
        if (typeof number == 'number') {
            // modelIndex.mainContainerId = leftData[number].list_name;
        }
        left.paint(page, number);
    }

    function getMessage(id, page, pos, index) { //id,类型，页码，上下页，位置
        var params = {
            cid: id,
            page: page,
            pagesize: modelIndex.pageSize,
            // month: modelIndex.menuKey || ''
            // area_id: $.cookie('TV_CST_AREA')
        }

        GetDatas('getArticleList', params, function (res, data) {
            var mess = data.data;
            console.log(mess.items)
            var str = '';
            if (mess.items.length) {
                $('.page-show').css('display', 'block')
                for (var i = 0; i < mess.items.length; i++) {
                  str += '<div class="' + modelIndex.mainlistName + '" data-id=' + mess.items[i].id +" data-tpe=" + mess.items[i].tpe + " >";
                    if(modelIndex.mainlistName == 'list-row'){
                      str += '<div class="list-info">'
                      //图片                      
                      var img = '';
                      if (mess.items[i].img == '') {
                          img = '../images/base.png'
                      } else {
                          img = API_URL.imgURL + mess.items[i].img
                      }
                      str += '<div class="list-imgBar">'
                      str += "<img class='list-img' src=" + img + ">";
                      str += '</div>'
                      //标题
                      str += "<div class='list-title'><p class='ell'>" + mess.items[i].title + "</p></div>";
                      str +="<div class='list-brief'>" + mess.items[i].area_name + "</div>"
                      str += "<div class='list-time'>" + mess.items[i].add_time + "</div>"
                      str += "<div class='list-view'><img src='../images/view.png'>"
                      str += "<span>"+mess.items[i].click_count + "</span></div>"
                      str += "<div class='list-like'><img src='../images/like.png'>"
                      str += "<span>"+mess.items[i].likes + "</span></div>"
                      str += '</div>'

                      //收藏
                      str += '<div class="list-collection">'
                      str += '<img src="../images/collection.png">'
                      str += '<div class="list-number">' + mess.items[i].likes +'</div>'
                      str += '</div>'
                      str += '</div>'
                    }
                    else if(modelIndex.mainlistName =='list-video'){
                      var img = '';
                      if (mess.items[i].img == '') {
                          img = '../images/base.png'
                      } else {
                          img = API_URL.imgURL + mess.items[i].img
                      }
                      str += '<div class="list-imgBar">'
                      str += "<img class='list-img' src=" + img + ">";
                      str += '</div>'
                      if (mess.items[i].tpe == 5 || mess.items[i].tpe == 4) {
                        str += "<div class='listPlay' ><img src='../images/play.png'></div>";
                      }
                      str += "<div class='list-title'><p class='ell'>" + mess.items[i].title + '</p></div>'
                      str += '</div>'
                    }            
                }
            } else {
                str = '<h1>暂无数据</h1>'
                $('.page-show').css('display', 'none')
            }
            $('#' + modelIndex.mainContainerId).html(str);
            MessOpt(page, mess.totalpage, pos, index,'run','ell');
        })
    }

    function direEnter(status, id, index) {
        var tpe = $('.active').attr('data-tpe');
        if (tpe == 4 || tpe == 5) {
            window.location.href = 'play.html?id=' + $('.active').attr('data-id');
        } else if (tpe == 1 || tpe == 2 || tpe == 3) {
            // if (tpe == 3) {
            //     window.location.href = './carrousel.html?id=' + $('.active').attr('data-id')
            //     return
            // }
            var locaName = 'article'
            // var locaName = tpe == 1 ? 'word' : 'article'
            window.location.href = locaName + 'Detail.html?id=' + $('.active').attr('data-id') + '&type=' + $(
                '.focus_menu').attr('data-id');
        }

    }
</script>
<script type="text/javascript" src="../js/twoPageList.js"></script>

</html>